<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>表格-数组</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="shortcut icon" href="img/touchicon.png"/>
	<link rel="stylesheet" href=""/>
	<style>

	</style>
</head>
<body>
	<div id="box"></div>
	<script>
		var table = document.getElementById('box')
		var arr = Array(
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
			['张三',20,'本科','合肥',[90,80,87]],
		);
		var s = '';
		for (var i in arr){
			s = s + '<tr><td>'+arr[i][0]+'</td><td>'+arr[i][1]+'</td><td>'+arr[i][2]+'</td><td>'+arr[i][3]+'</td><td>'+arr[i][4].join('|')+'</td></tr>'
		}
		table.innerHTML = '<table border="1px"><thead><tr><th>姓名</th><th>年龄</th><th>学历</th><th>籍贯</th><th>成绩1|成绩2|成绩3</th></tr></thead>' + s + '</table>';
		console.log(arr[i][4].join('|'));
	</script>
</body>
</html>